import React from 'react';
import NavLink from '../modules/NavLink'
import styles from '../style/toplist.scss';
import Header from '../components/header.js';
import Footer from '../components/footer.js';
export default class Content extends React.Component {
	render(){
		return (
			<div>
				<Header />
				<div className={styles.bgColor}>
					<div className={styles.main}>
						<div className={styles.left}>
							<h3>QQ音乐巅峰榜</h3>
							<ul>
								<NavLink to="/fashion" onlyActiveOnIndex><li className={styles.firstLi}>巅峰榜·福特新蒙迪欧·流行指数</li></NavLink>
								<NavLink to="/hotsong"><li>巅峰榜·热歌</li></NavLink>
								<li>巅峰榜·新歌</li>
								<li>巅峰榜·网络歌曲</li>
								<li>巅峰榜·内地</li>
								<li>巅峰榜·港台</li>
								<li>巅峰榜·欧美</li>
								<li>巅峰榜·韩国</li>
								<li>巅峰榜·日本</li>
								<li>巅峰榜·音乐人</li>
								<li>巅峰榜·K歌金曲</li>
								<li>巅峰榜·MV</li>
							</ul>
							<h3>全球榜</h3>
							<ul>
								<li className={styles.firstLi}>vivo 手机 高品质音乐榜</li>
								<li>巅峰榜·热歌</li>
								<li>美国公告牌榜</li>
								<li>美国iTunes</li>
								<li>韩国Ment榜</li>
								<li>英国UK榜</li>
								<li>日本公信榜</li>
								<li>香港电台榜</li>
								<li>香港商台榜</li>
								<li>台湾幽浮榜</li>
							</ul>
						</div>
						{this.props.children}

					</div>
				</div>
				<Footer />
			</div>
		)
	}
}